<template>
  <div>
    <h1>你好, 这里是温州理工茶山校区</h1>

    <!-- 子路由链接 -->
    <div class="sub-nav-links">
      <router-link to="/chashan/5">五号楼</router-link> |
      <router-link to="/chashan/6">六号楼</router-link> |
      <router-link to="/chashan/7">七号楼</router-link>
    </div>

    <!-- 子路由内容展示区域 -->
    <router-view></router-view>

    <br>
    <router-link to="/">返回首页</router-link>
  </div>
</template>

<script>
export default {
  name: 'CampusChashan'
};
</script>

<style scoped>
.sub-nav-links {
  margin-bottom: 20px;
  text-align: center;
}
</style>